.bg-green {
  background: #6BBA71; }

.bg-green-light {
  background: #bcc427; }

.bg-orange {
  background: #ef7c2e; }

.bg-blue {
  background: #4A96D2; }

.bg-grey-light {
  background: rgba(10, 20, 30, 0.06); }

.calendar_booking {
  display: inline-flex;
  justify-content: flex-start;
  position: relative;
  margin: 0 auto; }
  .calendar_booking .current_time_indicator {
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 1px;
    border-top: 1px solid #FD429C;
    margin-top: 68px;
    top: 23%;
    z-index: 10; }
  .calendar_booking .col-day {
    width: calc(100% / 7);
    min-width: 130px;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: .75rem 0 0; }
    .calendar_booking .col-day:first-child {
      border-left: none; }
    .calendar_booking .col-day .cal-head {
      font-weight: 500;
      line-height: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-bottom: 2rem; }
      .calendar_booking .col-day .cal-head .date, .calendar_booking .col-day .cal-head .week_number {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 34px;
        height: 34px;
        border-radius: 30px;
        font-size: 1rem;
        margin: .25rem 0;
        border: 1px solid rgba(0, 0, 0, 0.12);
        background: #f3f5f7; }
      .calendar_booking .col-day .cal-head .current {
        background: #4A96D2;
        color: #FFF; }
      .calendar_booking .col-day .cal-head .day {
        margin: .25rem .5rem; }
        .calendar_booking .col-day .cal-head .day::first-letter {
          text-transform: uppercase; }
      .calendar_booking .col-day .cal-head .week_number.current {
        background: #4A96D2;
        color: #FFF; }
    .calendar_booking .col-day .cal-content {
      display: flex;
      flex-direction: column;
      flex-flow: wrap; }
      .calendar_booking .col-day .cal-content .slot {
        height: calc(1.5rem * 4);
        width: 100%;
        padding: 3px;
        font-weight: 500; }
        .calendar_booking .col-day .cal-content .slot.wrap_booked {
          border: none !important; }
        .calendar_booking .col-day .cal-content .slot.wrap_bestprice {
          border: none !important; }
        .calendar_booking .col-day .cal-content .slot.wrap_primetime {
          border: none !important; }
        .calendar_booking .col-day .cal-content .slot.wrap_normal {
          border: none !important; }
        .calendar_booking .col-day .cal-content .slot.booking {
          display: flex;
          flex-wrap: nowrap; }
          .calendar_booking .col-day .cal-content .slot.booking.h0-m15 {
            height: calc(1.5rem * 1); }
          .calendar_booking .col-day .cal-content .slot.booking.h0-m30 {
            height: calc(1.5rem * 2); }
          .calendar_booking .col-day .cal-content .slot.booking.h0-m45 {
            height: calc(1.5rem * 3); }
          .calendar_booking .col-day .cal-content .slot.booking.h1-m0 {
            height: calc(1.5rem * 4); }
          .calendar_booking .col-day .cal-content .slot.booking.h1-m15 {
            height: calc(1.5rem * 5); }
          .calendar_booking .col-day .cal-content .slot.booking.h1-m30 {
            height: calc(1.5rem * 6); }
          .calendar_booking .col-day .cal-content .slot.booking.h1-m45 {
            height: calc(1.5rem * 7); }
          .calendar_booking .col-day .cal-content .slot.booking.h2-m0 {
            height: calc(1.5rem * 8); }
          .calendar_booking .col-day .cal-content .slot.booking.h2-m15 {
            height: calc(1.5rem * 9); }
          .calendar_booking .col-day .cal-content .slot.booking.h2-m30 {
            height: calc(1.5rem * 10); }
          .calendar_booking .col-day .cal-content .slot.booking.h2-m45 {
            height: calc(1.5rem * 11); }
          .calendar_booking .col-day .cal-content .slot.booking.h3-m0 {
            height: calc(1.5rem * 12); }
          .calendar_booking .col-day .cal-content .slot.booking.h3-m15 {
            height: calc(1.5rem * 13); }
          .calendar_booking .col-day .cal-content .slot.booking.h3-m30 {
            height: calc(1.5rem * 14); }
          .calendar_booking .col-day .cal-content .slot.booking.h3-m45 {
            height: calc(1.5rem * 15); }
          .calendar_booking .col-day .cal-content .slot.booking.h4-m0 {
            height: calc(1.5rem * 16); }
          .calendar_booking .col-day .cal-content .slot.booking.h4-m15 {
            height: calc(1.5rem * 17); }
          .calendar_booking .col-day .cal-content .slot.booking.h4-m30 {
            height: calc(1.5rem * 18); }
          .calendar_booking .col-day .cal-content .slot.booking.h4-m45 {
            height: calc(1.5rem * 19); }
          .calendar_booking .col-day .cal-content .slot.booking.h5-m0 {
            height: calc(1.5rem * 20); }
          .calendar_booking .col-day .cal-content .slot.booking.h5-m15 {
            height: calc(1.5rem * 21); }
          .calendar_booking .col-day .cal-content .slot.booking.h5-m30 {
            height: calc(1.5rem * 22); }
          .calendar_booking .col-day .cal-content .slot.booking.h5-m45 {
            height: calc(1.5rem * 23); }
          .calendar_booking .col-day .cal-content .slot.booking.h6-m0 {
            height: calc(1.5rem * 24); }
          .calendar_booking .col-day .cal-content .slot.booking.h6-m15 {
            height: calc(1.5rem * 25); }
          .calendar_booking .col-day .cal-content .slot.booking.h6-m30 {
            height: calc(1.5rem * 26); }
          .calendar_booking .col-day .cal-content .slot.booking.h6-m45 {
            height: calc(1.5rem * 27); }
          .calendar_booking .col-day .cal-content .slot.booking.h7-m0 {
            height: calc(1.5rem * 28); }
          .calendar_booking .col-day .cal-content .slot.booking.h7-m15 {
            height: calc(1.5rem * 29); }
          .calendar_booking .col-day .cal-content .slot.booking.h7-m30 {
            height: calc(1.5rem * 30); }
          .calendar_booking .col-day .cal-content .slot.booking.h7-m45 {
            height: calc(1.5rem * 31); }
          .calendar_booking .col-day .cal-content .slot.booking.h8-m0 {
            height: calc(1.5rem * 32); }
          .calendar_booking .col-day .cal-content .slot.booking.h8-m15 {
            height: calc(1.5rem * 33); }
          .calendar_booking .col-day .cal-content .slot.booking.h8-m30 {
            height: calc(1.5rem * 34); }
          .calendar_booking .col-day .cal-content .slot.booking.h8-m45 {
            height: calc(1.5rem * 35); }
          .calendar_booking .col-day .cal-content .slot.booking.h9-m0 {
            height: calc(1.5rem * 36); }
          .calendar_booking .col-day .cal-content .slot.booking.h9-m15 {
            height: calc(1.5rem * 37); }
          .calendar_booking .col-day .cal-content .slot.booking.h9-m30 {
            height: calc(1.5rem * 38); }
          .calendar_booking .col-day .cal-content .slot.booking.h9-m45 {
            height: calc(1.5rem * 39); }
          .calendar_booking .col-day .cal-content .slot.booking.h10-m0 {
            height: calc(1.5rem * 40); }
          .calendar_booking .col-day .cal-content .slot.booking.h10-m15 {
            height: calc(1.5rem * 41); }
          .calendar_booking .col-day .cal-content .slot.booking.h10-m30 {
            height: calc(1.5rem * 42); }
          .calendar_booking .col-day .cal-content .slot.booking.h10-m45 {
            height: calc(1.5rem * 43); }
          .calendar_booking .col-day .cal-content .slot.booking.h11-m0 {
            height: calc(1.5rem * 44); }
          .calendar_booking .col-day .cal-content .slot.booking.h11-m15 {
            height: calc(1.5rem * 45); }
          .calendar_booking .col-day .cal-content .slot.booking.h11-m30 {
            height: calc(1.5rem * 46); }
          .calendar_booking .col-day .cal-content .slot.booking.h11-m45 {
            height: calc(1.5rem * 47); }
          .calendar_booking .col-day .cal-content .slot.booking.h12-m0 {
            height: calc(1.5rem * 48); }
          .calendar_booking .col-day .cal-content .slot.booking.h12-m15 {
            height: calc(1.5rem * 49); }
          .calendar_booking .col-day .cal-content .slot.booking.h12-m30 {
            height: calc(1.5rem * 50); }
          .calendar_booking .col-day .cal-content .slot.booking.h12-m45 {
            height: calc(1.5rem * 51); }
          .calendar_booking .col-day .cal-content .slot.booking.h13-m0 {
            height: calc(1.5rem * 52); }
          .calendar_booking .col-day .cal-content .slot.booking.h13-m15 {
            height: calc(1.5rem * 53); }
          .calendar_booking .col-day .cal-content .slot.booking.h13-m30 {
            height: calc(1.5rem * 54); }
          .calendar_booking .col-day .cal-content .slot.booking.h13-m45 {
            height: calc(1.5rem * 55); }
          .calendar_booking .col-day .cal-content .slot.booking.h14-m0 {
            height: calc(1.5rem * 56); }
          .calendar_booking .col-day .cal-content .slot.booking.h14-m15 {
            height: calc(1.5rem * 57); }
          .calendar_booking .col-day .cal-content .slot.booking.h14-m30 {
            height: calc(1.5rem * 58); }
          .calendar_booking .col-day .cal-content .slot.booking.h14-m45 {
            height: calc(1.5rem * 59); }
          .calendar_booking .col-day .cal-content .slot.booking.h15-m0 {
            height: calc(1.5rem * 60); }
          .calendar_booking .col-day .cal-content .slot.booking.h15-m15 {
            height: calc(1.5rem * 61); }
          .calendar_booking .col-day .cal-content .slot.booking.h15-m30 {
            height: calc(1.5rem * 62); }
          .calendar_booking .col-day .cal-content .slot.booking.h15-m45 {
            height: calc(1.5rem * 63); }
          .calendar_booking .col-day .cal-content .slot.booking.h16-m0 {
            height: calc(1.5rem * 64); }
          .calendar_booking .col-day .cal-content .slot.booking.h16-m15 {
            height: calc(1.5rem * 65); }
          .calendar_booking .col-day .cal-content .slot.booking.h16-m30 {
            height: calc(1.5rem * 66); }
          .calendar_booking .col-day .cal-content .slot.booking.h16-m45 {
            height: calc(1.5rem * 67); }
          .calendar_booking .col-day .cal-content .slot.booking.h17-m0 {
            height: calc(1.5rem * 68); }
          .calendar_booking .col-day .cal-content .slot.booking.h17-m15 {
            height: calc(1.5rem * 69); }
          .calendar_booking .col-day .cal-content .slot.booking.h17-m30 {
            height: calc(1.5rem * 70); }
          .calendar_booking .col-day .cal-content .slot.booking.h17-m45 {
            height: calc(1.5rem * 71); }
          .calendar_booking .col-day .cal-content .slot.booking.h18-m0 {
            height: calc(1.5rem * 72); }
          .calendar_booking .col-day .cal-content .slot.booking.h18-m15 {
            height: calc(1.5rem * 73); }
          .calendar_booking .col-day .cal-content .slot.booking.h18-m30 {
            height: calc(1.5rem * 74); }
          .calendar_booking .col-day .cal-content .slot.booking.h18-m45 {
            height: calc(1.5rem * 75); }
          .calendar_booking .col-day .cal-content .slot.booking.h19-m0 {
            height: calc(1.5rem * 76); }
          .calendar_booking .col-day .cal-content .slot.booking.h19-m15 {
            height: calc(1.5rem * 77); }
          .calendar_booking .col-day .cal-content .slot.booking.h19-m30 {
            height: calc(1.5rem * 78); }
          .calendar_booking .col-day .cal-content .slot.booking.h19-m45 {
            height: calc(1.5rem * 80); }
          .calendar_booking .col-day .cal-content .slot.booking.h20-m0 {
            height: calc(1.5rem * 81); }
          .calendar_booking .col-day .cal-content .slot.booking.h20-m15 {
            height: calc(1.5rem * 82); }
          .calendar_booking .col-day .cal-content .slot.booking.h20-m30 {
            height: calc(1.5rem * 83); }
          .calendar_booking .col-day .cal-content .slot.booking.h20-m45 {
            height: calc(1.5rem * 84); }
          .calendar_booking .col-day .cal-content .slot.booking.h21-m0 {
            height: calc(1.5rem * 85); }
          .calendar_booking .col-day .cal-content .slot.booking.h21-m15 {
            height: calc(1.5rem * 86); }
          .calendar_booking .col-day .cal-content .slot.booking.h21-m30 {
            height: calc(1.5rem * 87); }
          .calendar_booking .col-day .cal-content .slot.booking.h21-m45 {
            height: calc(1.5rem * 88); }
          .calendar_booking .col-day .cal-content .slot.booking.h22-m0 {
            height: calc(1.5rem * 89); }
          .calendar_booking .col-day .cal-content .slot.booking.h22-m15 {
            height: calc(1.5rem * 90); }
          .calendar_booking .col-day .cal-content .slot.booking.h22-m30 {
            height: calc(1.5rem * 91); }
          .calendar_booking .col-day .cal-content .slot.booking.h22-m45 {
            height: calc(1.5rem * 92); }
          .calendar_booking .col-day .cal-content .slot.booking.h23-m0 {
            height: calc(1.5rem * 93); }
          .calendar_booking .col-day .cal-content .slot.booking.h23-m15 {
            height: calc(1.5rem * 94); }
          .calendar_booking .col-day .cal-content .slot.booking.h23-m30 {
            height: calc(1.5rem * 95); }
          .calendar_booking .col-day .cal-content .slot.booking.h23-m45 {
            height: calc(1.5rem * 96); }
          .calendar_booking .col-day .cal-content .slot.booking.h24-m0 {
            height: calc(1.5rem * 97); }
          .calendar_booking .col-day .cal-content .slot.booking span {
            width: 100%;
            height: 100%;
            border-radius: 3px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            padding: .25rem .45rem .2rem;
            box-sizing: border-box;
            cursor: pointer;
            overflow: hidden;
            position: relative; }
            .calendar_booking .col-day .cal-content .slot.booking span.free {
              background-color: #FFF;
              color: #818488; }
            .calendar_booking .col-day .cal-content .slot.booking span.assigned {
              background-color: #6BBA71;
              color: #FFF; }
            .calendar_booking .col-day .cal-content .slot.booking span.best {
              background-color: #bcc427;
              color: #FFF; }
            .calendar_booking .col-day .cal-content .slot.booking span.normal {
              background-color: #6BBA71;
              color: #FFF; }
            .calendar_booking .col-day .cal-content .slot.booking span.good {
              background-color: #bcc427;
              color: #FFF; }
            .calendar_booking .col-day .cal-content .slot.booking span.moderate {
              background-color: #fab41e; }
            .calendar_booking .col-day .cal-content .slot.booking span.busy {
              background-color: #ef7c2e;
              color: #FFF; }
            .calendar_booking .col-day .cal-content .slot.booking span.applied {
              background-color: #4A96D2;
              color: #FFF; }
            .calendar_booking .col-day .cal-content .slot.booking span.reserved {
              background-color: #ef7c2e;
              color: #FFF; }
            .calendar_booking .col-day .cal-content .slot.booking span.booked {
              background-color: rgba(10, 20, 30, 0.06); }
              .calendar_booking .col-day .cal-content .slot.booking span.booked span, .calendar_booking .col-day .cal-content .slot.booking span.booked div {
                opacity: .4;
                text-decoration: line-through; }
            .calendar_booking .col-day .cal-content .slot.booking span.conflict, .calendar_booking .col-day .cal-content .slot.booking span.critical {
              background-color: #e94a30;
              color: #FFF; }
            .calendar_booking .col-day .cal-content .slot.booking span.preparation {
              background-color: #abbbca;
              color: #FFF; }
            .calendar_booking .col-day .cal-content .slot.booking span.cancelled {
              background-color: rgba(10, 20, 30, 0.06); }
              .calendar_booking .col-day .cal-content .slot.booking span.cancelled span {
                opacity: .4;
                text-decoration: line-through; }
            .calendar_booking .col-day .cal-content .slot.booking span.current {
              background-color: #C47AC0;
              color: #FFF; }
              .calendar_booking .col-day .cal-content .slot.booking span.current::after {
                content: "\e060";
                font-size: 1.1rem;
                position: absolute;
                z-index: 2;
                right: .75rem;
                top: .5rem;
                font-family: 'simple-line-icons';
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale; }
            .calendar_booking .col-day .cal-content .slot.booking span.free.applied, .calendar_booking .col-day .cal-content .slot.booking span.free.reserved, .calendar_booking .col-day .cal-content .slot.booking span.free.conflict, .calendar_booking .col-day .cal-content .slot.booking span.applied.reserved, .calendar_booking .col-day .cal-content .slot.booking span.applied.conflict, .calendar_booking .col-day .cal-content .slot.booking span.reserved.conflict, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.conflict, .calendar_booking .col-day .cal-content .slot.booking span.free.reserved.conflict, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved.conflict {
              background: #EBEDEF;
              color: #404448; }
              .calendar_booking .col-day .cal-content .slot.booking span.free.applied i, .calendar_booking .col-day .cal-content .slot.booking span.free.reserved i, .calendar_booking .col-day .cal-content .slot.booking span.free.conflict i, .calendar_booking .col-day .cal-content .slot.booking span.applied.reserved i, .calendar_booking .col-day .cal-content .slot.booking span.applied.conflict i, .calendar_booking .col-day .cal-content .slot.booking span.reserved.conflict i, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved i, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.conflict i, .calendar_booking .col-day .cal-content .slot.booking span.free.reserved.conflict i, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved.conflict i {
                display: none; }
            .calendar_booking .col-day .cal-content .slot.booking span.free.applied i.free, .calendar_booking .col-day .cal-content .slot.booking span.free.applied i.applied {
              display: block; }
            .calendar_booking .col-day .cal-content .slot.booking span.free.reserved i.free, .calendar_booking .col-day .cal-content .slot.booking span.free.reserved i.reserved {
              display: block; }
            .calendar_booking .col-day .cal-content .slot.booking span.free.conflict i.free, .calendar_booking .col-day .cal-content .slot.booking span.free.conflict i.conflict {
              display: block; }
            .calendar_booking .col-day .cal-content .slot.booking span.applied.reserved i.applied, .calendar_booking .col-day .cal-content .slot.booking span.applied.reserved i.reserved {
              display: block; }
            .calendar_booking .col-day .cal-content .slot.booking span.applied.conflict i.applied, .calendar_booking .col-day .cal-content .slot.booking span.applied.conflict i.conflict {
              display: block; }
            .calendar_booking .col-day .cal-content .slot.booking span.reserved.conflict i.reserved, .calendar_booking .col-day .cal-content .slot.booking span.reserved.conflict i.conflict {
              display: block; }
            .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved i.free, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved i.applied, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved i.reserved {
              display: block; }
            .calendar_booking .col-day .cal-content .slot.booking span.free.applied.conflict i.free, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.conflict i.applied, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.conflict i.reserved {
              display: block; }
            .calendar_booking .col-day .cal-content .slot.booking span.free.reserved.conflict i.free, .calendar_booking .col-day .cal-content .slot.booking span.free.reserved.conflict i.reserved, .calendar_booking .col-day .cal-content .slot.booking span.free.reserved.conflict i.conflict {
              display: block; }
            .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved.conflict i.free, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved.conflict i.applied, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved.conflict i.reserved, .calendar_booking .col-day .cal-content .slot.booking span.free.applied.reserved.conflict i.conflict {
              display: block; }
            .calendar_booking .col-day .cal-content .slot.booking span p {
              font-size: .8rem;
              margin: 0;
              line-height: 1.2; }
              .calendar_booking .col-day .cal-content .slot.booking span p.applied-to {
                font-weight: 600;
                letter-spacing: .01rem; }
            .calendar_booking .col-day .cal-content .slot.booking span .booking_status {
              position: absolute;
              right: 10px;
              bottom: 8px;
              display: flex;
              align-items: center;
              flex-direction: row; }
              .calendar_booking .col-day .cal-content .slot.booking span .booking_status i {
                width: 14px;
                height: 14px;
                border: 2px solid #FFF;
                border-radius: 30px;
                margin: .1rem; }
                .calendar_booking .col-day .cal-content .slot.booking span .booking_status i.free {
                  background-color: #4A96D2; }
                .calendar_booking .col-day .cal-content .slot.booking span .booking_status i.applied {
                  background-color: #6BBA71; }
                .calendar_booking .col-day .cal-content .slot.booking span .booking_status i.reserved {
                  background-color: #ef7c2e; }
                .calendar_booking .col-day .cal-content .slot.booking span .booking_status i.conflict {
                  background-color: #e94a30; }
          .calendar_booking .col-day .cal-content .slot.booking.div-2 {
            width: calc(100% / 2); }
        .calendar_booking .col-day .cal-content .slot:last-child {
          height: unset; }
    .calendar_booking .col-day.time {
      max-width: fit-content !important;
      border: none;
      padding-right: 2rem; }
      .calendar_booking .col-day.time .slot.time {
        border-bottom: none; }
        .calendar_booking .col-day.time .slot.time p {
          position: absolute;
          margin-top: -9px; }
  .calendar_booking.week.hour_split .col-day .cal-content .slot {
    height: calc(0.8rem * 4); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h1-m0 {
      height: calc(0.8rem * 4); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h1-m0 {
      height: calc(0.8rem * 4); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h2-m0 {
      height: calc(0.8rem * 8); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h3-m0 {
      height: calc(0.8rem * 12); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h4-m0 {
      height: calc(0.8rem * 16); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h5-m0 {
      height: calc(0.8rem * 20); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h6-m0 {
      height: calc(0.8rem * 24); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h7-m0 {
      height: calc(0.8rem * 28); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h8-m0 {
      height: calc(0.8rem * 32); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h9-m0 {
      height: calc(0.8rem * 36); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h10-m0 {
      height: calc(0.8rem * 40); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h11-m0 {
      height: calc(0.8rem * 44); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h12-m0 {
      height: calc(0.8rem * 48); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h13-m0 {
      height: calc(0.8rem * 52); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h14-m0 {
      height: calc(0.8rem * 56); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h15-m0 {
      height: calc(0.8rem * 60); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h16-m0 {
      height: calc(0.8rem * 64); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h17-m0 {
      height: calc(0.8rem * 68); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h18-m0 {
      height: calc(0.8rem * 72); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h19-m0 {
      height: calc(0.8rem * 76); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h20-m0 {
      height: calc(0.8rem * 80); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h21-m0 {
      height: calc(0.8rem * 84); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h22-m0 {
      height: calc(0.8rem * 88); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h23-m0 {
      height: calc(0.8rem * 92); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot.booking.h24-m0 {
      height: calc(0.8rem * 96); }
    .calendar_booking.week.hour_split .col-day .cal-content .slot:last-child {
      height: unset; }
  .calendar_booking.week.halfhour_split .col-day .cal-content .slot {
    height: calc(0.75rem * 4); }
    .calendar_booking.week.halfhour_split .col-day .cal-content .slot.booking.h0-m30 {
      height: calc(0.75rem * 2); }
      .calendar_booking.week.halfhour_split .col-day .cal-content .slot.booking.h0-m30.h1-m0 {
        height: calc(0.75rem * 4); }
  .calendar_booking.week.slim {
    font-size: 86%; }
    .calendar_booking.week.slim.hour_split .col-day .cal-content .slot {
      height: calc(0.4rem * 4); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h1-m0 {
        height: calc(0.4rem * 4); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h1-m0 {
        height: calc(0.4rem * 4); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h2-m0 {
        height: calc(0.4rem * 8); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h3-m0 {
        height: calc(0.4rem * 12); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h4-m0 {
        height: calc(0.4rem * 16); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h5-m0 {
        height: calc(0.4rem * 20); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h6-m0 {
        height: calc(0.4rem * 24); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h7-m0 {
        height: calc(0.4rem * 28); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h8-m0 {
        height: calc(0.4rem * 32); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h9-m0 {
        height: calc(0.4rem * 36); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h10-m0 {
        height: calc(0.4rem * 40); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h11-m0 {
        height: calc(0.4rem * 44); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h12-m0 {
        height: calc(0.4rem * 48); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h13-m0 {
        height: calc(0.4rem * 52); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h14-m0 {
        height: calc(0.4rem * 56); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h15-m0 {
        height: calc(0.4rem * 60); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h16-m0 {
        height: calc(0.4rem * 64); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h17-m0 {
        height: calc(0.4rem * 68); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h18-m0 {
        height: calc(0.4rem * 72); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h19-m0 {
        height: calc(0.4rem * 76); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h20-m0 {
        height: calc(0.4rem * 80); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h21-m0 {
        height: calc(0.4rem * 84); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h22-m0 {
        height: calc(0.4rem * 88); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h23-m0 {
        height: calc(0.4rem * 92); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot.booking.h24-m0 {
        height: calc(0.4rem * 96); }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot:last-child {
        height: unset; }
      .calendar_booking.week.slim.hour_split .col-day .cal-content .slot .discount {
        display: none; }
    .calendar_booking.week.slim.hour_split .col-day .cal-head {
      padding-bottom: 1rem; }
      .calendar_booking.week.slim.hour_split .col-day .cal-head .week_number, .calendar_booking.week.slim.hour_split .col-day .cal-head .date {
        font-size: .86rem;
        width: 30px;
        height: 30px;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center; }
    .calendar_booking.week.slim.hour_split .col-day.time .slot.time p {
      margin-top: unset; }
  .calendar_booking.daily {
    display: flex; }
    .calendar_booking.daily .cal-head {
      display: none; }
    .calendar_booking.daily .col-day {
      width: 100%; }
      .calendar_booking.daily .col-day.time .cal-content {
        display: flex;
        flex-direction: column;
        padding-right: 2rem; }
      .calendar_booking.daily .col-day .slot {
        height: calc(0.8rem * 4);
        width: 100%;
        flex-direction: row;
        justify-content: flex-start; }
        .calendar_booking.daily .col-day .slot span {
          display: flex;
          flex-direction: row !important;
          justify-content: flex-start !important; }
          .calendar_booking.daily .col-day .slot span p {
            margin-right: 0.4rem !important; }
        .calendar_booking.daily .col-day .slot.booking.h0-m15 {
          height: calc(0.8rem * 1); }
        .calendar_booking.daily .col-day .slot.booking.h0-m30 {
          height: calc(0.8rem * 2); }
        .calendar_booking.daily .col-day .slot.booking.h0-m45 {
          height: calc(0.8rem * 3); }
        .calendar_booking.daily .col-day .slot.booking.h1-m0 {
          height: calc(0.8rem * 4); }
        .calendar_booking.daily .col-day .slot.booking.h1-m15 {
          height: calc(0.8rem * 5); }
        .calendar_booking.daily .col-day .slot.booking.h1-m30 {
          height: calc(0.8rem * 6); }
        .calendar_booking.daily .col-day .slot.booking.h1-m45 {
          height: calc(0.8rem * 7); }
        .calendar_booking.daily .col-day .slot.booking.h2-m0 {
          height: calc(0.8rem * 8); }
        .calendar_booking.daily .col-day .slot.booking.h2-m15 {
          height: calc(0.8rem * 9); }
        .calendar_booking.daily .col-day .slot.booking.h2-m30 {
          height: calc(0.8rem * 10); }
        .calendar_booking.daily .col-day .slot.booking.h2-m45 {
          height: calc(0.8rem * 11); }
        .calendar_booking.daily .col-day .slot.booking.h3-m0 {
          height: calc(0.8rem * 12); }
        .calendar_booking.daily .col-day .slot.booking.h3-m15 {
          height: calc(0.8rem * 13); }
        .calendar_booking.daily .col-day .slot.booking.h3-m30 {
          height: calc(0.8rem * 14); }
        .calendar_booking.daily .col-day .slot.booking.h3-m45 {
          height: calc(0.8rem * 15); }
        .calendar_booking.daily .col-day .slot.booking.h4-m0 {
          height: calc(0.8rem * 16); }
        .calendar_booking.daily .col-day .slot.booking.h4-m15 {
          height: calc(0.8rem * 17); }
        .calendar_booking.daily .col-day .slot.booking.h4-m30 {
          height: calc(0.8rem * 18); }
        .calendar_booking.daily .col-day .slot.booking.h4-m45 {
          height: calc(0.8rem * 19); }
        .calendar_booking.daily .col-day .slot.booking.h5-m0 {
          height: calc(0.8rem * 20); }
        .calendar_booking.daily .col-day .slot.booking.h5-m15 {
          height: calc(0.8rem * 21); }
        .calendar_booking.daily .col-day .slot.booking.h5-m30 {
          height: calc(0.8rem * 22); }
        .calendar_booking.daily .col-day .slot.booking.h5-m45 {
          height: calc(0.8rem * 23); }
        .calendar_booking.daily .col-day .slot.booking.h6-m0 {
          height: calc(0.8rem * 24); }
        .calendar_booking.daily .col-day .slot.booking.h6-m15 {
          height: calc(0.8rem * 25); }
        .calendar_booking.daily .col-day .slot.booking.h6-m30 {
          height: calc(0.8rem * 26); }
        .calendar_booking.daily .col-day .slot.booking.h6-m45 {
          height: calc(0.8rem * 27); }
        .calendar_booking.daily .col-day .slot.booking.h7-m0 {
          height: calc(0.8rem * 28); }
        .calendar_booking.daily .col-day .slot.booking.h7-m15 {
          height: calc(0.8rem * 29); }
        .calendar_booking.daily .col-day .slot.booking.h7-m30 {
          height: calc(0.8rem * 30); }
        .calendar_booking.daily .col-day .slot.booking.h7-m45 {
          height: calc(0.8rem * 31); }
        .calendar_booking.daily .col-day .slot.booking.h8-m0 {
          height: calc(0.8rem * 32); }
        .calendar_booking.daily .col-day .slot.booking.h8-m15 {
          height: calc(0.8rem * 33); }
        .calendar_booking.daily .col-day .slot.booking.h8-m30 {
          height: calc(0.8rem * 34); }
        .calendar_booking.daily .col-day .slot.booking.h8-m45 {
          height: calc(0.8rem * 35); }
        .calendar_booking.daily .col-day .slot.booking.h9-m0 {
          height: calc(0.8rem * 36); }
        .calendar_booking.daily .col-day .slot.booking.h9-m15 {
          height: calc(0.8rem * 37); }
        .calendar_booking.daily .col-day .slot.booking.h9-m30 {
          height: calc(0.8rem * 38); }
        .calendar_booking.daily .col-day .slot.booking.h9-m45 {
          height: calc(0.8rem * 39); }
        .calendar_booking.daily .col-day .slot.booking.h10-m0 {
          height: calc(0.8rem * 40); }
        .calendar_booking.daily .col-day .slot.booking.h10-m15 {
          height: calc(0.8rem * 41); }
        .calendar_booking.daily .col-day .slot.booking.h10-m30 {
          height: calc(0.8rem * 42); }
        .calendar_booking.daily .col-day .slot.booking.h10-m45 {
          height: calc(0.8rem * 43); }
        .calendar_booking.daily .col-day .slot.booking.h11-m0 {
          height: calc(0.8rem * 44); }
        .calendar_booking.daily .col-day .slot.booking.h11-m15 {
          height: calc(0.8rem * 45); }
        .calendar_booking.daily .col-day .slot.booking.h11-m30 {
          height: calc(0.8rem * 46); }
        .calendar_booking.daily .col-day .slot.booking.h11-m45 {
          height: calc(0.8rem * 47); }
        .calendar_booking.daily .col-day .slot.booking.h12-m0 {
          height: calc(0.8rem * 48); }
        .calendar_booking.daily .col-day .slot.booking.h12-m15 {
          height: calc(0.8rem * 49); }
        .calendar_booking.daily .col-day .slot.booking.h12-m30 {
          height: calc(0.8rem * 50); }
        .calendar_booking.daily .col-day .slot.booking.h12-m45 {
          height: calc(0.8rem * 51); }
        .calendar_booking.daily .col-day .slot.booking.h13-m0 {
          height: calc(0.8rem * 52); }
        .calendar_booking.daily .col-day .slot.booking.h13-m15 {
          height: calc(0.8rem * 53); }
        .calendar_booking.daily .col-day .slot.booking.h13-m30 {
          height: calc(0.8rem * 54); }
        .calendar_booking.daily .col-day .slot.booking.h13-m45 {
          height: calc(0.8rem * 55); }
        .calendar_booking.daily .col-day .slot.booking.h14-m0 {
          height: calc(0.8rem * 56); }
        .calendar_booking.daily .col-day .slot.booking.h14-m15 {
          height: calc(0.8rem * 57); }
        .calendar_booking.daily .col-day .slot.booking.h14-m30 {
          height: calc(0.8rem * 58); }
        .calendar_booking.daily .col-day .slot.booking.h14-m45 {
          height: calc(0.8rem * 59); }
        .calendar_booking.daily .col-day .slot.booking.h15-m0 {
          height: calc(0.8rem * 60); }
        .calendar_booking.daily .col-day .slot.booking.h15-m15 {
          height: calc(0.8rem * 61); }
        .calendar_booking.daily .col-day .slot.booking.h15-m30 {
          height: calc(0.8rem * 62); }
        .calendar_booking.daily .col-day .slot.booking.h15-m45 {
          height: calc(0.8rem * 63); }
        .calendar_booking.daily .col-day .slot.booking.h16-m0 {
          height: calc(0.8rem * 64); }
        .calendar_booking.daily .col-day .slot.booking.h16-m15 {
          height: calc(0.8rem * 65); }
        .calendar_booking.daily .col-day .slot.booking.h16-m30 {
          height: calc(0.8rem * 66); }
        .calendar_booking.daily .col-day .slot.booking.h16-m45 {
          height: calc(0.8rem * 67); }
        .calendar_booking.daily .col-day .slot.booking.h17-m0 {
          height: calc(0.8rem * 68); }
        .calendar_booking.daily .col-day .slot.booking.h17-m15 {
          height: calc(0.8rem * 69); }
        .calendar_booking.daily .col-day .slot.booking.h17-m30 {
          height: calc(0.8rem * 70); }
        .calendar_booking.daily .col-day .slot.booking.h17-m45 {
          height: calc(0.8rem * 71); }
        .calendar_booking.daily .col-day .slot.booking.h18-m0 {
          height: calc(0.8rem * 72); }
        .calendar_booking.daily .col-day .slot.booking.h18-m15 {
          height: calc(0.8rem * 73); }
        .calendar_booking.daily .col-day .slot.booking.h18-m30 {
          height: calc(0.8rem * 74); }
        .calendar_booking.daily .col-day .slot.booking.h18-m45 {
          height: calc(0.8rem * 75); }
        .calendar_booking.daily .col-day .slot.booking.h19-m0 {
          height: calc(0.8rem * 76); }
        .calendar_booking.daily .col-day .slot.booking.h19-m15 {
          height: calc(0.8rem * 77); }
        .calendar_booking.daily .col-day .slot.booking.h19-m30 {
          height: calc(0.8rem * 78); }
        .calendar_booking.daily .col-day .slot.booking.h19-m45 {
          height: calc(0.8rem * 80); }
        .calendar_booking.daily .col-day .slot.booking.h20-m0 {
          height: calc(0.8rem * 81); }
        .calendar_booking.daily .col-day .slot.booking.h20-m15 {
          height: calc(0.8rem * 82); }
        .calendar_booking.daily .col-day .slot.booking.h20-m30 {
          height: calc(0.8rem * 83); }
        .calendar_booking.daily .col-day .slot.booking.h20-m45 {
          height: calc(0.8rem * 84); }
        .calendar_booking.daily .col-day .slot.booking.h21-m0 {
          height: calc(0.8rem * 85); }
        .calendar_booking.daily .col-day .slot.booking.h21-m15 {
          height: calc(0.8rem * 86); }
        .calendar_booking.daily .col-day .slot.booking.h21-m30 {
          height: calc(0.8rem * 87); }
        .calendar_booking.daily .col-day .slot.booking.h21-m45 {
          height: calc(0.8rem * 88); }
        .calendar_booking.daily .col-day .slot.booking.h22-m0 {
          height: calc(0.8rem * 89); }
        .calendar_booking.daily .col-day .slot.booking.h22-m15 {
          height: calc(0.8rem * 90); }
        .calendar_booking.daily .col-day .slot.booking.h22-m30 {
          height: calc(0.8rem * 91); }
        .calendar_booking.daily .col-day .slot.booking.h22-m45 {
          height: calc(0.8rem * 92); }
        .calendar_booking.daily .col-day .slot.booking.h23-m0 {
          height: calc(0.8rem * 93); }
        .calendar_booking.daily .col-day .slot.booking.h23-m15 {
          height: calc(0.8rem * 94); }
        .calendar_booking.daily .col-day .slot.booking.h23-m30 {
          height: calc(0.8rem * 95); }
        .calendar_booking.daily .col-day .slot.booking.h23-m45 {
          height: calc(0.8rem * 96); }
        .calendar_booking.daily .col-day .slot.booking.h24-m0 {
          height: calc(0.8rem * 97); }

.btn-group button i {
  color: #FFF !important;
  font-size: 1.15rem; }

.card-header .wrap_topbar_items {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }
  .card-header .wrap_topbar_items .topbar_items {
    display: flex;
    align-items: center; }
    .card-header .wrap_topbar_items .topbar_items .card-top-buttons {
      font-size: 1.5rem; }
      .card-header .wrap_topbar_items .topbar_items .card-top-buttons a {
        color: #222 !important; }
        .card-header .wrap_topbar_items .topbar_items .card-top-buttons a i {
          padding: 0 .35rem; }
          .card-header .wrap_topbar_items .topbar_items .card-top-buttons a i.icon-search {
            font-size: 1.65rem; }
      .card-header .wrap_topbar_items .topbar_items .card-top-buttons input[type="date"] {
        font-size: 1.3rem;
        width: auto;
        height: auto;
        margin: 0 .75rem 0 0; }
    .card-header .wrap_topbar_items .topbar_items .form-control {
      padding: 0 .75rem;
      height: 28px;
      width: 102px;
      margin-right: .65rem;
      font-size: .84rem; }

.select_dropdown {
  cursor: pointer;
  position: relative; }
  .select_dropdown::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    margin-left: .35rem; }
  .select_dropdown .dropdown-menu {
    font-weight: normal;
    padding: 1rem 0;
    border-radius: .75rem;
    margin-top: .75rem;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3);
    border: none;
    overflow: hidden; }
    .select_dropdown .dropdown-menu a {
      padding: .5rem 1.25rem; }

.search_options {
  width: 100%;
  padding-top: 1.5rem;
  flex-direction: column; }
  .search_options .search_wrap .select2-container--bootstrap .select2-selection.form-control, .search_options .search_wrap .select2-dropdown, .search_options .search_wrap .input-group > .custom-select:not(:last-child), .search_options .search_wrap .input-group > .form-control:not(:last-child), .search_options .search_wrap .input-group > .custom-select:not(:first-child), .search_options .search_wrap .input-group > .form-control:not(:first-child), .search_options .search_wrap input[type="date"], .search_options .search_wrap input[type="time"], .search_options .search_wrap input[type="datetime-local"], .search_options .search_wrap input[type="month"] {
    background: rgba(200, 200, 200, 0.2); }
  .search_options .search_wrap .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    background: transparent; }
  .search_options .form-control {
    font-size: 1.2rem;
    background: transparent !important;
    color: #222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    height: 40px !important;
    padding-top: 0; }
    .search_options .form-control::placeholder {
      font-size: 1.3rem; }

.stats {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .75rem; }
  .stats .stat .custom-checkbox .custom-control-label {
    padding-left: 1.1rem; }
  .stats .stat .custom-control {
    padding-left: .55rem;
    margin-right: 1.5rem; }
  .stats .stat .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .stats .stat .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .stats .stat .custom-radio .custom-control-input:checked ~ .custom-control-label::before, .stats .stat .custom-checkbox .custom-control-label::before {
    font-family: 'simple-line-icons';
    speak: none;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none;
    top: .2rem; }
  .stats .stat .custom-checkbox .custom-control-label::before {
    content: "\e615";
    color: #BABCBE; }
  .stats .stat .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .stats .stat .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    content: "\e080"; }
  .stats .stat.free .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .stats .stat.free .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #BABCBE !important; }
  .stats .stat.reserved .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .stats .stat.reserved .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #ef7c2e !important; }
  .stats .stat.assigned .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .stats .stat.assigned .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #6BBA71 !important; }
  .stats .stat.applied .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .stats .stat.applied .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #4A96D2 !important; }
  .stats .stat.conflict .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .stats .stat.conflict .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #e94a30 !important; }

#select_sportcenter .btn {
  font-size: .95rem;
  padding: 0;
  display: flex;
  align-items: center; }

.list .custom-control-label {
  padding-left: 1.1rem; }
  .list .custom-control-label::after, .list .custom-control-label::before {
    width: 1.2rem;
    height: 1.2rem; }
  .list .custom-control-label::after {
    top: 0.16rem !important;
    left: -.5rem; }

.date_nav {
  display: flex;
  align-items: center;
  width: 100%; }
  .date_nav i {
    cursor: pointer; }
  .date_nav h5 {
    white-space: nowrap; }

.cursor.pointer {
  cursor: pointer; }

.buttons_bottom {
  background: #FFF;
  padding: 1.2rem 0 2.3rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.cal_stats {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  font-size: .9rem;
  line-height: 1;
  gap: .75rem; }
  .cal_stats .cal_stat {
    display: flex;
    align-items: center;
    gap: .6rem; }
    .cal_stats .cal_stat::before {
      width: 18px;
      height: 18px;
      display: inline-block;
      float: left;
      border: 1px inset rgba(0, 0, 0, 0.12);
      border-radius: 40px;
      content: ' '; }